import React from "react";
import './style.css'
import { useNavigate } from "react-router-dom";
import { NavBar, Space, Toast, Card, Button } from 'antd-mobile'
const index = () => {
    // 路由
    const navigate = useNavigate()
    // 路由向后跳转
    const back = () => {
        navigate(-1)
    }

    return (
        <div>
            {/* 导航栏 */}
            <NavBar onBack={back}>问诊消息</NavBar>
            {/* 大盒子 */}
            <div className="Consultationmessage">
                {/* 内容盒子 */}
                <div className="Consultationmessage-con">
                    <Card>
                        <div className="content">
                            您对医生小小美咨询了有新的回复!
                        </div>
                        <div className="footer">
                            <div>2019年3月19日 17:21</div>
                            <div className="gt">查看详情&gt;&gt;&gt;</div>
                        </div>
                    </Card>
                </div>
                <div className="Consultationmessage-con">
                    <Card>
                        <div className="content">
                            您对医生小小美咨询了有新的回复!
                        </div>
                        <div className="footer">
                            <div>2019年3月19日 17:21</div>
                            <div className="gt">查看详情&gt;&gt;&gt;</div>
                        </div>
                    </Card>
                </div>
                <div className="Consultationmessage-con">
                    <Card>
                        <div className="content">
                            您对医生小小美咨询了有新的回复!
                        </div>
                        <div className="footer">
                            <div>2019年3月19日 17:21</div>
                            <div className="gt">查看详情&gt;&gt;&gt;</div>
                        </div>
                    </Card>
                </div>
                <div className="Consultationmessage-con">
                    <Card>
                        <div className="content">
                            您对医生小小美咨询了有新的回复!
                        </div>
                        <div className="footer">
                            <div>2019年3月19日 17:21</div>
                            <div className="gt">查看详情&gt;&gt;&gt;</div>
                        </div>
                    </Card>
                </div>
                <div className="Consultationmessage-con">
                    <Card>
                        <div className="content">
                            您对医生小小美咨询了有新的回复!
                        </div>
                        <div className="footer">
                            <div>2019年3月19日 17:21</div>
                            <div className="gt">查看详情&gt;&gt;&gt;</div>
                        </div>
                    </Card>
                </div>
            </div>
        </div>
    )
}


export default index